.contentArea {
  padding: value('topBorder.getHeight', 'px') value('rightBorder.getWidth', 'px')
      value('bottomBorder.getHeight', 'px') value('leftBorder.getWidth', 'px');
  position:relative;
  top:0px;
  left:0px;
}
.red-contentArea {
  padding: value('topBorderRed.getHeight', 'px') value('rightBorderRed.getWidth', 'px')
      value('bottomBorderRed.getHeight', 'px') value('leftBorderRed.getWidth', 'px');
}
.contentAreaHolder{
	background-color:white;
}

@sprite .contentAreaTopLeftBorder{
  gwt-image: 'topLeftBorder';
  position: absolute;
  top:0;
  left: 0;
}
@sprite .red-contentAreaTopLeftBorder {
  gwt-image: 'topLeftBorderRed';
}

@sprite .contentAreaTopBorder{
  gwt-image: 'topBorder';
  position: absolute;
  top: 0;
  left: value('topLeftBorder.getWidth', 'px');
  right: value('topRightBorder.getWidth', 'px');
}
@sprite .red-contentAreaTopBorder {
  gwt-image: 'topBorderRed';
  left: value('topLeftBorderRed.getWidth', 'px');
  right: value('topRightBorderRed.getWidth', 'px');
}

@sprite .contentAreaTopRightBorder{
  gwt-image: 'topRightBorder';
  position: absolute;
  top:0;
  right: 0;
}
@sprite .red-contentAreaTopRightBorder {
  gwt-image: 'topRightBorderRed';
}

@sprite .contentAreaBottomLeftBorder {
  gwt-image: 'bottomLeftBorder';
  position: absolute;
  bottom: 0;
  left: 0;
}
@sprite .red-contentAreaBottomLeftBorder {
  gwt-image: 'bottomLeftBorderRed';
}

@sprite .contentAreaBottomBorder {
  gwt-image: 'bottomBorder';
  position: absolute;
  bottom: 0;
  left: value('bottomLeftBorder.getWidth', 'px');
  right: value('bottomRightBorder.getWidth', 'px');
}
@sprite .red-contentAreaBottomBorder {
  gwt-image: 'bottomBorderRed';
  left: value('bottomLeftBorderRed.getWidth', 'px');
  right: value('bottomRightBorderRed.getWidth', 'px');
}

@sprite .contentAreaBottomRightBorder {
  gwt-image: 'bottomRightBorder';
  position: absolute;
  bottom: 0;
  right: 0;
}
@sprite .red-contentAreaBottomRightBorder {
  gwt-image: 'bottomRightBorderRed';
}

@sprite .contentAreaLeftBorder {
  gwt-image: 'leftBorder';
  position: absolute;
  top: value('topBorder.getHeight', 'px');
  bottom: value('bottomBorder.getHeight', 'px');
  left: 0;
}
@sprite .red-contentAreaLeftBorder {
  gwt-image: 'leftBorderRed';
  top: value('topBorderRed.getHeight', 'px');
  bottom: value('bottomBorderRed.getHeight', 'px');
}

@sprite .contentAreaRightBorder {
  gwt-image: 'rightBorder';
  position: absolute;
  top: value('topBorder.getHeight', 'px');
  bottom: value('bottomBorder.getHeight', 'px');
  right: 0;
}
@sprite .red-contentAreaRightBorder {
  gwt-image: 'rightBorderRed';
  top: value('topBorderRed.getHeight', 'px');
  bottom: value('bottomBorderRed.getHeight', 'px');
}

